<template>
	<view class='footer-option' :style="{'background-color': background}">
	      <view class='footer-option_ctx'>
	        <slot name="btn"></slot>
	      </view>
	    </view>
</template>

<script setup>
	let props = defineProps({
		background: {
			type: String,
			default: "#FFFFFF"
		}
	})
</script>

<style lang="scss" scoped>
	.footer-option {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  z-index: 9;
	  width: 100%;
		padding-left: 20rpx;
		padding-right: 20rpx;
	  padding-bottom: constant(safe-area-inset-bottom);
	  padding-bottom: env(safe-area-inset-bottom);
	  &_ctx {
	    padding-bottom: 20px;
	  }
	}
</style>